<template>
	<div class="summary-select-container">
		<span>{{ `${index + 1}.` }}</span>
		<el-form-item :label="label" :required="required">
			<el-select :placeholder="`请选择${label}`"> 
				<el-option v-for="(item, index) in options" :key="index" :label="item" :value="item"></el-option>
			</el-select>
		</el-form-item>
	</div>
</template>

<script>
export default {
	props: {
		type: {
			type: String,
			default: ''
		},
		index: {
			type: Number,
			default: 0
		},
		label: {
			type: String,
			default: ''
		},
		required: {
			type: Boolean,
			default: false
		},
		options: {
			type: Array,
			default: () => {
				return [];
			}
		}
	},
	data() {
		return {};
	},
	methods: {}
};
</script>

<style scoped lang="less">
.summary-select-container {
	display: flex;
	align-items: center;
	pointer-events: none;

	span {
		font-size: 16px;
		color: #303133;
	}

	.el-form-item {
		margin: 0 0 0 8px;
		width: 100%;
	}

	.el-input {
		width: auto;
	}
}
</style>
